<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS基本语法</title>
</head>
<body>
    <script>
        // 1. 已知有字符串 foo="get-element-by-id”,写一个函数将其转化成小驼峰表示法"getElementById"。(split方法)
        var string = 'get-element-by-id'
                function  str(msg){
                var tempArr = msg.split('-'),
                len = tempArr.length;
                for(var i = 1; i < tempArr.length; i++){
                    tempArr[i] = tempArr[i].charAt(0).toUpperCase()+tempArr[i].slice(1);
                    // toUpperCase()将指定小写字母转换为大写字母，
                }
                msg = tempArr.join('');
                return msg;
            }
            console.log(str(string))
      
            //    2.输出结果
            function Foo() {
                 var i = 0;
                 return function () {
                 console.log(i++);
                 }
                }
                var f1 = Foo(),f2 = Foo(),i;
                    f1();
                    f1();  
                    f2();
                    console.log(i);
            // 输出的结果为：0 1 0 undefined
            // f1()第一次调用先输出i的初值0；在执行++；
            // 第二次调用时，则输出的是1；为第一次f1调用后的结果。
            // f2()输出的是第一次调用foo()的结果
            // 最后一个console.log(i)，输出未初始化的结果，因此为undefined

            // 3.小 S，小L，小P，小R和小H 五个人排队站在一个出售“克隆可乐”的自动贩卖机前,队伍中除了他们五个没有其他人 。
            // 队形如下 ：小 S，小L，小P，小R，小H
            // 队列的第一个人 （小S）买了一听可乐，喝下去后变成了两个小S！然后两个小S心满意足的站到了队伍的最后。
            // 此时队形变成了这样：小 L，小P，小R，小H，小S，小S
            // 然后队列中下一个人 （小L）也买了听可乐，喝下去后变成两个人，站到了队伍最后。以此类推。
            // 例如小P第三个喝了克隆可乐，之后队伍变成这个样子：小 R，小H，小S，小S，小L，小L，小P，小P
            // 请问第 n个喝这个饮料的人是谁？
            // function n(){
                function troop(n){
                 var arr=["S","L","P","R","H"];
                 var temp,count=0;
                 while(count < n){
                     temp=arr.shift();
                     count++;
                     arr.push(temp);
                     arr.push(temp);
                 }
                 console.log(temp)
            }
    </script>
</body>
</html>